<script type="text/javascript">
var uploadUrl = "{:url('seatsel/manageProductUpload/doUpload')}";
var delUrl = "{:url('seatsel/manageProductUpload/doDelete')}";
</script>
<script type="text/javascript" src="__STATIC__/Zz22zzUI/localResizeIMG4/lrz.bundle.js"></script>
<script type="text/javascript">
function toFixed2 (num) {
	return parseFloat(+num.toFixed(2));
}
//上传
$('.J_h5upload_patch').on("change",'input',function(){
	var that = this;
	// 也可以传入图片路径：lrz('../demo.jpg', ...
	// for (var i=0, l=this.files.length; i<l; i++) {
	// 	lrz(this.files[i], {width: 600, quality:0.9}, function (results) {
	// 		lrzResult(results);
	// 	});
	// }

	var parent = $(this).parent().parent();
	var lr = $(this).parent();
	var ul = parent.find('ul');

	// if (ul.children().length >= 3) {
	// 	layer.msg('上传图片不能超过3张');
	// 	return;
	// };
	lr.removeClass('ready');
	lr.addClass('waiting');
	for (var i=0, l=that.files.length; i<l; i++) {
		 lrz(that.files[i], {width: 800, quality: 0.8})
			.then(function (rst) {
				var file = rst.origin;
				
			var img = new Image(),
				div = document.createElement('div'),
				p = document.createElement('p'),
				sourceSize = toFixed2(file.size / 1024),
				resultSize = toFixed2(rst.fileLen / 1024),
				scale = parseInt(100 - (resultSize / sourceSize * 100));

			p.style.fontSize = 13 + 'px';
			p.innerHTML		 = '源文件：<span class="text-danger">' +
				sourceSize + 'KB' +
				'</span> <br />' +
				'压缩后传输大小：<span class="text-success">' +
				resultSize + 'KB (省' + scale + '%)' +
				'</span> ';
				
			div.className = 'col-sm-6';
			div.appendChild(img);
			div.appendChild(p);
			
			//img.onload = function () {
				console.log('111');
				document.querySelector('#upload-container').appendChild(div);
			//};
			
				 // 处理成功会执行
				console.log(rst);
				var file = rst.origin;
				var param = {'id': $('#J_id').val(), 'fileName': file.name, 'fileType': file.type, 'fileSize': file.size, 'fileData': rst.base64};
				$.post(uploadUrl, param, function(ret){
					if (ret.code === 1) {
						var data = ret.data;
						var id = data.id;

						var html = '<li>';
// 						html += '<input type="hidden" name="fileName[]" value="'+file.name+'">';
// 						html += '<input type="hidden" name="fileType[]" value="'+file.type+'">';
// 						html += '<input type="hidden" name="fileSize[]" value="'+file.size+'">';
// 						html += '<input type="hidden" name="fileData[]" value="'+rst.base64+'">';
						html += '<div class="lr lr-ui success"><div class="lr-hint"><div class="lr-ready"><i class="fa fa-camera"></i><span>点击上传</span></div><div class="lr-waiting"><i class="fa fa-spinner icon-spin"></i></div></div><div class="lr-success"><div class="lr-remove"><i class="fa fa-trash"></i></div><img class="lr-img" src="'+rst.base64+'"></div><input type="file"></div><input type="hidden" name="flashatt['+id+']" value="'+id+'"></li>';

						parent.find('ul').append(html);

						lr.removeClass('waiting');
						lr.addClass('ready');
					} else {
						Wei.Util.wapTipNew({msg: ret.msg, icon: 2});
					}
				}, 'json');
			})
			.catch(function (err) {
				// 处理失败会执行
				console.log('err');
				alert(err);
			})
			.always(function () {
				 // 不管是成功失败，都会执行
			});
	}
});

// function lrzResult(results) {
//	   console.log(results);
// 	var file = results.origin;
// 	var param = {'pid' : $('#pid').val(), 'fileName' : file.name, 'fileType' : file.type, 'fileSize' : file.size, 'fileData' : results.base64};
// 	$.post(uploadUrl, param, function(data){
// 		if (data.status === 'success') {
// 			var info = data.info;
// 			var aid = info.aid;
// 			var html = '<li id="img_li_'+aid+'" data-val="'+aid+'">\
// 			<div class="img_cont"><img src="'+results.base64+'" data-id="'+aid+'" /></div>\
// 			<div class="img_opera"><a title="删除" href="javascript:;" class="img_del J_del">删除</a></div>\
// 			<a href="javascript:;" class="set_cover J_set_cover">设为封面</a>\
// 			<input type="hidden" name="flashatt['+aid+']" value="'+aid+'">\</li>';
// 			$('#addPic').before(html);
// 	 		$('#msgtip').css('display', 'none');
// 		} else {
// 			Wei.Util.resultTip({
// 				msg : data.info,
// 				error : false
// 			});
// 		}
// 	}, 'json');
// }
// 1代，貌似不用了
// $('#uploadFile').localResizeIMG({
//		width: 700,
//		quality: 0.9,
//		size: 500,
//		success: function (result, file) {
// 		var param = {'pid' : $('#pid').val(), 'fileName' : file.name, 'fileType' : file.type, 'fileSize' : file.size, 'fileData' : result.base64};
//		   $.post(uploadUrl, param, function(data){
//			   if (data.status === 'success') {
//			   	var info = data.info;
//			   	var aid = info.aid;
// 				var html = '<li id="img_li_'+aid+'" data-val="'+aid+'">\
// 				<div class="img_cont"><img src="'+result.base64+'" data-id="'+aid+'" /></div>\
// 				<div class="img_opera"><a title="删除" href="javascript:;" class="img_del J_del">删除</a></div>\
// 				<a href="javascript:;" class="set_cover J_set_cover">设为封面</a>\
// 				<input type="hidden" name="flashatt['+aid+']" value="'+aid+'">\</li>';
// 				$('#addPic').before(html);
// 		 		$('#msgtip').css('display', 'none');
//			   } else {
//				   Wei.Util.resultTip({
//					   msg : data.info,
//					   error : false
//				   });
//			   }
// 		}, 'json');
//		}
// });
//删除
$('.J_h5upload_patch').on("click",'.lr-remove',function(){
	// var obj = $(this);
	// var id = $(this).parent().parent().data('val');
	// var url = delUrl;

	var parent = $(this).parent().parent().parent();
	var lr = $(this).parent().parent();
	var id = parent.data('id');
	var param = {'id': id};
	$.post(delUrl, param, function(ret) {
		if (ret.code == 1) {
			//$("#imgWrap").find('#img_li_'+id).remove();
			//delete attachConfig.list[id];

			parent.remove();

			// parent.find('.fileName').val('');
			// parent.find('.fileType').val('');
			// parent.find('.fileSize').val('');
			// parent.find('.fileData').val('');
			// lr.find('.lr-img').attr("src",'');

			// lr.removeClass('success');
			// lr.addClass('ready');
		} else {
			Wei.Util.wapTipNew({msg: ret.msg, icon: 2});
		}
	});

});
//设置封面
$('.J_h5upload_patch').on("click",'.set_cover',function(){
	var ul = $(this).parent().parent();
	var thisLi = $(this).parent();
	ul.prepend(thisLi);
});
</script>